import React from 'react'
import { motion } from 'motion/react'

const Project = () => {
  return (
    <motion.div
    initial={{opacity: 0}}
    whileInView={{opacity: 1}}
    transition={{duration: 1}}
    id='project' className='w-full px-[12%] py-10 scroll-mt-20'>
        <motion.h2 
        initial={{y: -20,opacity: 0}}
        whileInView={{y: 0,opacity: 1}}
        transition={{duration: 0.5, delay:0.5}}
        className='text-center text-5xl font-RDaKai'>Project</motion.h2>
    </motion.div>
  )
}

export default Project
